@use "sass:color";
// $--color-primary: #ff4500; // 将主题色改为橙色
// /* 只需要重写你需要的即可 */
// @forward 'element-plus/theme-chalk/src/common/var.scss' with (
//   $colors: (
//     'primary': (
//       'base': $--color-primary,
//     ),
//   ),
// );
// 覆盖 Element Plus 默认变量
@forward 'element-plus/theme-chalk/src/common/var.scss' with ($common-component-size: ('large': 40px,
    'default': 30px,
    'small': 24px,
  ),
  $colors: (
    "primary": (
      "base": #126EDF,
    ),
  ));







:root {
  // 主题色
  --el-color-primary: #126EDF;

  // 使用 mix 函数计算不同亮度的主题色变体


  // 保持其他颜色不变
  

}
// .el-button--primary{
 
//    --el-button-text-color: #333!important;
 
  
//   &:hover {
   
//     --el-button-hover-text-color: #333!important;
   
//   }

//   &:active {
   
//     --el-button-active-text-color: #333!important;
//   }
// }
// 覆盖链接按钮的样式
.el-button--primary.is-link {
  --el-button-text-color: #EA9200 !important;
  --el-button-hover-text-color: #cc7f00 !important;
  --el-button-active-color: #cc7f00 !important;

  color: var(--el-button-text-color);

  &:hover {
    color: var(--el-button-hover-text-color);
  }

  &:active {
    color: var(--el-button-active-text-color);
  }
}

// 覆盖链接按钮的样式
.el-button.is-link {
  
  --el-button-hover-text-color: #cc7f00 !important;
  --el-button-active-color: #cc7f00 !important;

  color: var(--el-button-text-color);

  &:hover {
    color: var(--el-button-hover-text-color);
  }

  &:active {
    color: var(--el-button-active-text-color);
  }
}

// 如果需要覆盖其他组件的圆角，可以继续添加